
.bt {
	border-radius: 2px;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    
    /* font-size: 16px;
    margin: 4px 2px;
    padding: 16px 32px; */
}

.bt-success {
    background-color: white; 
    color: var(--success); 
    border: 1px solid var(--success);
}

.bt-success:hover {
    background-color: var(--success);
    color: white;
}

.bt-primary {
    background-color: white; 
    color: var(--primary); 
    border: 1px solid var(--primary);
}

.bt-primary:hover {
    background-color: var(--primary);
    color: white;
}

.bt-danger {
    background-color: white; 
    color: var(--danger); 
    border: 1px solid var(--danger);
}

.bt-danger:hover {
    background-color: var(--danger);
    color: white;
}

.bt-info {
    background-color: white;
    color: var(--info);
    border: 1px solid var(--info);
}

.bt-info:hover {
	background-color: var(--info);
	color: white;
}

.bt-warning {
    background-color: white;
    color: var(--warning);
    border: 1px solid var(--warning);
}

.bt-warning:hover {
    background-color: var(--warning);
    color: white;
}
	



/**
伪类 :first-child 选中第一个
attr 是css函数
*/
@media (max-width: 980px){/*移动端样式*/
    /* .tableTool{
      display: inline;
      width: 100%;
      text-align: right;      
    } */
	.table-7 td[data-label]::before {
	    float: none !important; 
	    text-align: left !important; 
	    
	    content:  attr(data-label);
	    width: 40%;
	    overflow-wrap: break-word;
	    font-weight: 700;
	    font-style: normal;
	    padding: 0 calc(1rem / 2) 0 0;
	    margin: 0; 
	   /*  background-color:  #448aff;  rgb(81, 130, 187)  rgb(68, 138, 255)*/
	    color:  #448aff; 
	}
	
  
  .table-7  td {
    padding:0.2rem;
  }
  
  .table-7 tr>td:first-child , .table-7 tr>td:last-child{
    border: none;
  }
  
  .table-7 tr  {
	border-width: 1px;
	border-style: solid;
	border-color: #448aff;
	border-left:0;
	border-right:0;
  }
}


@media screen and (min-width: 980px) {/*电脑端样式*/
   /*  .tableTool{
      display: none;
    } */

	.table-7 thead th {
	background-color:  #448aff;  /*rgb(81, 130, 187)  rgb(68, 138, 255)*/
	color: #fff;
	/* border-bottom-width: 2px !important;
	border-bottom-color: #448aff !important; */
	
	padding: 5px 10px;
	font-size: 14px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	
	}
	
	/* Column Style */
	.table-7 td {
	color: #000;
	}
	/* Heading and Column Style */
	.table-7 tr, .table-7 th  {
	border-width: 1px;
	border-style: solid;
	border-color: #448aff;
	}
	
	/* Padding and font style */
	.table-7 td {
	padding: 5px 10px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	
	/* border-bottom:1px solid rgb(81, 130, 187);
	border-collapse:collapse  */
	}

}


/* 重写toaster样式 */
.b-toaster.b-toaster-top-center{
    top: 20% !important;
}

.toast{
   /* max-width: 150px !important; */
   background-color: #000 !important;
   color: #fff  !important;
   opacity: 0.5 !important;
   border-radius: .5rem !important;
}
